<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Home banner</title>
        <script src="../../../assets/js/jquery-1.4.4.min.js"></script>
        <link rel="stylesheet" href="../../../assets/third_party/nivoslider/nivo-slider.css" type="text/css" media="screen" />
        <script src="../../../assets/third_party/nivoslider/jquery.nivo.slider.pack.js"></script>
    </head>
    <style>
        body {
            color: #010101;
            font-family: Arial;
            font-size: 12px;
        }
        .container {
            width:1000px;
            height:500px;
            margin:auto;
            background-color:#ddd;
        }
    </style>
    <body>
        <div class="container hook_home_banner"> 
            <div class ="history_1">
                <h1 class="title">OUR HISTORY</h1>
                <ul class="history_content">
                    <li>
                        <div class="year">2005</div>
                        <p class="content">Cum sociis natoque penatibus agnis disemnu parturient montes nascetur ridiculus mus. Nullame dfusce feugiat malesuada odio. Morbi nunc odio gravida atcursus nec luctus a lorem. Maecenasum tristique orci ac semduis ultricies pharetra magna. </p>
                        <div style="clear:both;"></div>
                    </li>

                    <li>
                        <div class="year">2005</div>
                        <p class="content">Cum sociis natoque penatibus agnis disemnu parturient montes nascetur ridiculus mus. Nullame dfusce feugiat malesuada odio. Morbi nunc odio gravida atcursus nec luctus a lorem. Maecenasum tristique orci ac semduis ultricies pharetra magna. </p>
                        <div style="clear:both;"></div>
                    </li>

                    <li>
                        <div class="year">2005</div>
                        <p class="content">Cum sociis natoque penatibus agnis disemnu parturient montes nascetur ridiculus mus. Nullame dfusce feugiat malesuada odio. Morbi nunc odio gravida atcursus nec luctus a lorem. Maecenasum tristique orci ac semduis ultricies pharetra magna. </p>
                        <div style="clear:both;"></div>
                    </li>

                    <li>
                        <div class="year">2005</div>
                        <p class="content">Cum sociis natoque penatibus agnis disemnu parturient montes nascetur ridiculus mus. Nullame dfusce feugiat malesuada odio. Morbi nunc odio gravida atcursus nec luctus a lorem. Maecenasum tristique orci ac semduis ultricies pharetra magna. </p>
                        <div style="clear:both;"></div>
                    </li>

                    <li class="last">
                        <div class="year">2005</div>
                        <p class="content">Cum sociis natoque penatibus agnis disemnu parturient montes nascetur ridiculus mus. Nullame dfusce feugiat malesuada odio. Morbi nunc odio gravida atcursus nec luctus a lorem. Maecenasum tristique orci ac semduis ultricies pharetra magna. </p>
                        <div style="clear:both;"></div>
                    </li>


                </ul>
            </div>
        </div>
    </body>
</html>